<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<head>
		<meta charset="utf-8">
		<title>我要入住信息</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/indexCss/index.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/css/indexCss/base.css}" />

		<script type="text/javascript" th:src="@{/js/js_x/fondo/jquery.js}"></script>

		<script  th:src="@{/js/indexJs/jquery-3.2.1.js}" ></script>

		<script type="text/javascript">
			$(function(){
				$("header").load("/eolane/f/t/header4");
				$("footer").load("/eolane/f/t/footer");
				$(".right").load("/eolane/f/t/right");

			})
		</script>


		<link  rel="stylesheet" type="text/css" th:href="@{/css/cgccss/min.css}" />
		<script type="text/javascript"  th:src="@{/js/cgcjs/jquery-3.2.1.js}" ></script>
		<script th:src="@{/assets/layer/layer.js}"></script>
		<script th:src="@{/js/contactus/jquery-validator/jquery.validate.min.js}"></script>
		<script th:src="@{/js/contactus/jquery-validator/messages_cn.js}"></script>
		 <style>
			 .left_a{

			 }
			 .left_a :hover{
				 font-weight:bold;
			 }
			/* Custom Styles */
			ul.nav-tabs {
				width: 140px;
				/* 	margin-top: 20px; */
				border-radius: 4px;
				border: 0px solid #ddd;
				box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
			}
			
			ul.nav-tabs li {
				margin: 0;
				border-top: 0px solid #ddd;
			}
			
			ul.nav-tabs li:first-child {
				border-top: none;
			}
			
			ul.nav-tabs li a {
				margin: 0;
				padding: 8px 16px;
				border-radius: 0;
			}
			
			ul.nav-tabs li.active a,
			ul.nav-tabs li.active a:hover {
				font-weight: 400;
				color: #000000;
				/* background: #1E63A8; */
				/* border: 0px solid #1E63A8; */
			}
			
			ul.nav-tabs li:first-child a {
				border-radius: 4px 4px 0 0;
			}
			
			ul.nav-tabs li:last-child a {
				border-radius: 0 0 4px 4px;
			}
			
			ul.nav-tabs.affix {
				top: 30px;
				/* Set the top position of pinned element */
			}
		</style> 
	</head>
	<body >
		<header></header>
		<div style="background-color: #f2f2f2;width: 100%;height: 1150px;border: 0px red solid;">
			
			<!-- 图片 -->
			 <div class="inside-inner" style="background-size: cover; -moz-background-size: cover;background-image:url(/eolane/images/img/toubei2.jpg) ; border: 0px solid red;height: 240px;">
				
			</div>
			<!-- 内容 start-->
			<div class="sep-mainbody">
				<div class="sep-container">
					<div class="sep-sidebar"style="margin-top: 29px;">
						<div class="sep-box" style="background-color: white; width: 260px;height: 176px;">
							<!-- <div class='el-box' style="border: 1px solid red;width: 264px;"> -->
								<div style="height: 200px;width:264px;border: 0px solid red;">
									<ul class="nav nav-tabs nav-stacked" data-offset-top="125" style=" width: 260px;height: 187px; ">
										<div  style="background-size: cover; -moz-background-size: cover; width: 260px;height: 40px; background-image: url(/eolane/images/img/download.png);color: white;">
											<div style="line-height: 40px;margin-left: 20px;height: 40px;width: 56px;border: 0px solid red;font-size: 18px;">孵化器</div>
										</div>
										<hr/>
										<li  class="left_a"  ><a style=" color: #000000;font-size: 18px; " th:href="@{/f/t/incubator}" >>孵化器</a></li>
										<hr/>
										<li  class="left_a" ><a style=" color: #000000;font-size: 18px; "  th:href="@{/f/t/afternoon}" >>极客下午茶</a></li>
										<hr/>
										<li class="left_a" ><a  style=" color: #000000;font-size: 18px; " th:href="@{/f/t/jions}" >>我要入驻信息</a></li>
									</ul>
								</div>
						</div>
						<div style=" width: 260px;height: 300px; background-color:#FFFFFF ; border: 0px solid red;">
							<div style=" width: 260px;margin-top: 12px">
								<img src="/eolane/images/img/笔.png" />
							</div>
							<div style="font-size: 16px;font-weight: 400; line-height: 200%; margin-left: 20px; margin-top: 10px;">
										<p class="dt f14">&#9742; 服务热线：<br />
											<span>400-871-0521</span>
										</p>
										<p class="dt f14">&#9993; 公司邮箱：<br />
											<span>marketing@eolane.cn</span>
										</p>
										<br />
							</div>
			
			
						</div> 
					</div>
					<!-- 右边主 -->
					<!-- 给你要的背景图或颜色 -->
					<div class="sep-primary" style="background-size: cover; -moz-background-size: cover;margin-top: 40px;background-image: url(/eolane/images/img/beijing5.jpg); border: 0px solid red;width: 920px;height: 780px;">
						<div class="from" style=" margin-left: 200px; height: 500px;width: 560px;border: 0px solid red; margin-top:50px;">
							<form class="form-horizontal" id="commentForm"  method="post">
								<div class="form-group" style="color:#1E63A9 ;font-size: 18px;">

									<div class="col-sm-10">

										姓名:<input type="text" id="joinName" class="form_2" name="name" />
									</div>
								</div>
								<div class="form-group" style="color:#1E63A9;margin-top: 20px; font-size: 18px;">
									<label for="inputEmail3" class="col-sm-2 control-label">电话:</label>
									<div class="col-sm-10">
										<input type="text" id="joinTelephone" class="form_2" name='telephone' />
									</div>
								</div>
								<div class="form-group" style="color:#1E63A9 ;margin-top: 20px;font-size: 18px;">
									<label for="inputEmail3" class="col-sm-2 control-label">邮箱:</label>
									<div class="col-sm-10">
										<input type="email" class="form_2" id="inputEmail3" name='email' />
									</div>
								</div>
								<div class="form-group" style="color:#1E63A9 ;margin-top: 20px;font-size: 18px;">
									<label for="inputPassword3" class="col-sm-2 control-label">工作要求:</label>
									<div class="col-sm-10">
										<input type="text" class="form_2" id="inputPassword3" name='message' />
									</div>
								</div>
								<br/>
								<div class="form-group" style="color:#1E63A9 ;">
									<div class="col-sm-offset-2 col-sm-10" style="color:#45BFE7 ;">
										<input type="button" value="提交" onclick="sent1()" class="btn btn-default" style="height: 40px;width: 50px;color:#1E63A9;font-size: 17px;"/>
										<!--<buttton type="submit" class="btn btn-default" onclick="sent1()" style="height: 40px;width: 50px;color:#1E63A9;font-size: 17px;">提交</input>-->
									</div>
								</div>
							</form>

						</div>
					<!-- 右边主 -->
					</div>
				</div>
			</div>
			<!-- 主 -->
		</div>
		
		<div class="right"></div>
		<footer></footer>
	</body>
	<script th:inline="javascript">
		/*<![CDATA[*/
		var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
		/*]]>*/
	</script>

	<script type="text/javascript">

		function sent1() {
			//验证表单数据
			var joinName = $("#joinName").val();
			var joinTelephone = $("#joinTelephone").val();
			var inputEmail3 = $("#inputEmail3").val();
			var inputPassword3 = $("#inputPassword3").val();
			if(joinName!=null&&joinName.length>0&&
					joinTelephone!=null&&joinTelephone.length>0&&
					inputEmail3!=null&&inputEmail3.length>0&&
					inputPassword3!=null&&inputPassword3.length>0){
				if ($("#commentForm").valid()) {
					//获取数据
					var data = $("#commentForm").serialize();
					$.ajax({
						url: contextPath + '/f/t/contactus2',
						data: data,
						type: "post",
						timeout : 40000,
						beforeSend : function() {
							var index = layer.load(2, {time: 1*1000});
						},
						complete : function() {

						},
						success: function (msg) {
							if(msg == "102"){
								layer.confirm('发送成功，我们将尽快和您取得联系！', {
									btn: ['确定'] //按钮
								}, function(){
									window.location.href =  contextPath + "/f/t/showmain";
								});
							} else{
								layer.alert('发送失败！', {icon: 2});
							}
						}
					});
				}
			}else{
				layer.alert("请将信息框输入完整吧！");
			}
		}
	</script>
</html>
